<template>
  <div class="css-test card-page">
    <el-row :gutter="10">
      <el-col :span="6">
        <Scopedtest />
      </el-col>
      <el-col :span="6">
        <Positiontest />
      </el-col>
      <el-col :span="6">
        <Absolutetest />
      </el-col>
      <el-col :span="6">
        <Widthtest />
      </el-col>
    </el-row>

  </div>
</template>

<script>
  import Scopedtest from './t-scoped/index.vue';
  import Absolutetest from './t-absolute/index.vue';
  import Positiontest from './t-position/index.vue';
  import Widthtest from './t-width/index.vue';

  export default {
    name: 'csstest',
    components: {
      Scopedtest,
      Absolutetest,
      Positiontest,
      Widthtest
    }
  };
</script>

<style lang="scss" scoped>
  .css-test {
    overflow: scroll;
  }
</style>

